.wrap {
  max-width: 945px;
  margin: 0 auto;
}
/* -------------------头部 开始--------------------- */
@-webkit-keyframes logo {
  0% {
    opacity: 0;
    -webkit-transform: translate(-20px, -30px);
            transform: translate(-20px, -30px);
  }
}
@keyframes logo {
  0% {
    opacity: 0;
    -webkit-transform: translate(-20px, -30px);
            transform: translate(-20px, -30px);
  }
}
header {
  min-height: 135px;
  background: #bc0a2f;
  padding-top: 44px;
  overflow: hidden;
}
header .left {
  height: 70px;
  float: left;
  -webkit-animation: logo 0.8s;
  animation: logo 0.8s;
}
header .left img {
  /*width:406px;*/
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
header .right img.logo2 {
  float: right;
  max-width: 380px;
  max-height: 44px;
  margin-top: 10px;
}
header #searchform {
  width: 250px;
  height: 28px;
  margin: 20px auto;
  float: right;
  -webkit-animation: nav-input 1s;
          animation: nav-input 1s;
}
@-webkit-keyframes nav-input {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(20px, -40px, 0);
            transform: translate3d(20px, -40px, 0);
  }
}
@keyframes nav-input {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(20px, -40px, 0);
            transform: translate3d(20px, -40px, 0);
  }
}
header #searchform fieldset {
  padding: 0px;
  border: none;
  margin: 0px;
}
header #searchform input[type="text"] {
  background: #fff;
  border: none;
  float: left;
  /*padding:0px 10px 0px 15px;*/
  margin: 0px;
  width: 160px;
  height: 28px;
  line-height: 28px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  color: #585858;
  font-size: 14px;
  text-indent: 2em;
  outline: none;
}
header #searchform input[type="text"]:hover,
header #searchform #searchform input[type="text"]:focus {
  width: 200px;
}
header #searchform span.submit {
  cursor: pointer;
  margin: 0px;
  padding: 0px;
  width: 42px;
  height: 29px;
  line-height: 29px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  padding-left: 8px;
}
header #searchform span.submit {
  color: #fff;
  text-transform: uppercase;
  border: none;
  font-size: 20px;
  cursor: pointer;
  float: left;
  overflow: visible;
  transition: all .3s linear;
  -moz-transition: all .3s linear;
  -o-transition: all .3s linear;
  -webkit-transition: all .3s linear;
}
header #searchform span.submit:hover {
  background-color: #860721;
}
header #searchform span.submit {
  background-color: #860721;
}
@media (max-width: 769px) {
  header {
    padding-top: 20px;
  }
  header .left,
  header .right {
    height: 50px;
  }
  header #searchform {
    float: right;
    margin: 20px auto;
  }
}
@media (max-width: 477px) {
  header #searchform {
    float: none;
    margin: 20px auto;
  }
}
/* -------------------头部 结束--------------------- */
/* ------------------- 导航 开始 --------------------- */
nav {
  height: 50px;
  background: #f99;
  z-index: 1;
}
nav .right {
  float: right;
  -webkit-animation: nav-right 1s;
          animation: nav-right 1s;
}
@-webkit-keyframes nav-right {
  0% {
    opacity: 0;
    -webkit-transform: translate(50px, 0px);
            transform: translate(50px, 0px);
  }
}
@keyframes nav-right {
  0% {
    opacity: 0;
    -webkit-transform: translate(50px, 0px);
            transform: translate(50px, 0px);
  }
}
nav .right li {
  float: left;
  margin: 0 10px;
  font-size: 12px;
  margin: 0 15px;
}
nav .right li a {
  position: relative;
  display: inline-block;
  color: #fff;
  height: 50px;
  line-height: 50px;
  -webkit-transition: .3s all;
          transition: .3s all;
}
nav .right li a::before,
nav .right li a::after {
  display: block;
  position: absolute;
  font-size: 13px;
  top: -1px;
  opacity: 0;
  -webkit-transition: .3s all;
          transition: .3s all;
}
nav .right li a::before {
  left: -2px;
  content: '[';
}
nav .right li a::after {
  right: -2px;
  content: ']';
}
nav .right li a:hover::before {
  opacity: 1;
  left: -7px;
}
nav .right li a:hover::after {
  opacity: 1;
  right: -7px;
}
.navbar {
  margin-bottom: 0;
  border-bottom: 1px soild #fff;
}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
  color: #fff;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  background: rgba(151, 50, 48, 0.7);
  color: #fff;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
  background: rgba(0, 0, 0, 0.3);
  /*background:#8e0f0c;*/
  color: #fff;
}
.navbar-default .navbar-nav > li > a {
  color: #fff;
}
.navbar-default .navbar-nav > li > a:hover {
  background: rgba(151, 50, 48, 0.7);
  /*background:#8e0f0c;*/
  color: #fff;
}
.navbar-default {
  background: #bc0a2f;
  border: none;
  border-radius: 0;
}
.container-fluid {
  padding: 0 !important;
}
.navbar-collapse {
  padding: 0 !important;
}
.navbar-toggle {
  padding: 5px;
  color: #fff;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
  padding: 5px;
  color: #666;
  background: none;
  border-color: #666;
}
.navbar-header {
  background: #bc0a2f;
}
/*------------- menu5 animation -------------------*/
.menu5 {
  position: absolute;
  width: 108px;
}
.menu5 li a {
  text-decoration: none;
  color: #ffe;
  text-transform: capitalize;
  font-family: monospace;
  display: block;
  padding: 10px 15px;
  font-size: 16px;
  -webkit-transition: background-color 0.5s ease-in-out;
          transition: background-color 0.5s ease-in-out;
  font-family: "Raleway", sans-serif;
  text-align: center;
  border-top: 1px solid #f8f8f8;
}
.drop {
  z-index: -1;
  -webkit-transform-style: perserve-3d;
          transform-style: perserve-3d;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}
.drop li {
  opacity: 0;
  -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
          transform-origin: top center;
}
.drop li a {
  color: #fff;
  padding: 10px 5px;
  line-height: 24px;
  background-color: rgba(203, 0, 10, 0.7);
}
.drop li a:hover {
  background: rgba(0, 0, 0, 0.3);
}
/*------------- menu5 animation -------------------*/
nav:hover {
  z-index: 3;
}
.dropdown:hover .menu5 li {
  filter: alpha(opacity=100);
}
.dropdown:hover .menu5 li:nth-of-type(1) {
  -webkit-animation: rotateIn .8s both;
          animation: rotateIn .8s both;
}
.dropdown:hover .menu5 li:nth-of-type(2) {
  -webkit-animation: rotateIn 1s both;
          animation: rotateIn 1s both;
}
.dropdown:hover .menu5 li:nth-of-type(3) {
  -webkit-animation: rotateIn 1.2s both;
          animation: rotateIn 1.2s both;
}
.dropdown:hover .menu5 li:nth-of-type(4) {
  -webkit-animation: rotateIn 1.4s both;
          animation: rotateIn 1.4s both;
}
@-webkit-keyframes rotateIn {
  0% {
    opacity: 0;
    -webkit-transform: rotateX(-50deg) rotateY(135deg) rotateZ(15deg) translate(0px, 15px);
            transform: rotateX(-50deg) rotateY(135deg) rotateZ(15deg) translate(0px, 15px);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotateX(0) rotateY(0) rotateZ(0) translate(0px, 0);
            transform: rotateX(0) rotateY(0) rotateZ(0) translate(0px, 0);
  }
}
@keyframes rotateIn {
  0% {
    opacity: 0;
    -webkit-transform: rotateX(-50deg) rotateY(135deg) rotateZ(15deg) translate(0px, 15px);
            transform: rotateX(-50deg) rotateY(135deg) rotateZ(15deg) translate(0px, 15px);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotateX(0) rotateY(0) rotateZ(0) translate(0px, 0);
            transform: rotateX(0) rotateY(0) rotateZ(0) translate(0px, 0);
  }
}
@media (max-width: 890px) {
  #example-navbar-collapse .right {
    display: none;
  }
}
@media (max-width: 769px) {
  nav {
    height: 30px;
    z-index: 3;
  }
  .navbar {
    min-height: 30px !important;
  }
  .navbar-toggle {
    border: none;
    margin-top: 0;
  }
  .navbar-default .navbar-nav > li > a:focus,
  .navbar-default .navbar-nav > li > a:hover {
    color: #222;
  }
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:focus,
  .navbar-default .navbar-nav > .active > a:hover {
    background: #f8f8f8;
    color: #222;
  }
  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:focus,
  .navbar-default .navbar-nav > .open > a:hover {
    background: rgba(0, 0, 0, 0.3);
    background: #8e0f0c;
    color: #222;
  }
  .navbar-default .navbar-nav > li > a {
    color: #222;
    font-size: 14px;
  }
  .navbar-default:hover .navbar-nav > li > a:hover {
    background: rgba(0, 0, 0, 0.3)
    /*background:#8e0f0c;*/
    /*color:#222;*/
  }
  #example-navbar-collapse {
    text-align: center;
    background: #f8f8f8;
  }
  #example-navbar-collapse .right {
    display: none;
  }
  #example-navbar-collapse li {
    /*border-bottom:1px solid #f8f8f8;*/
  }
  #example-navbar-collapse .menu5 {
    position: static;
    width: 100%;
    text-align: center;
  }
  #example-navbar-collapse .dropdown-menu {
    text-align: center;
  }
  #example-navbar-collapse .dropdown-menu a {
    color: #999;
  }
}
/* ------------------- 导航 结束 --------------------- */
#banner {
  position: relative;
  z-index: 2;
  overflow: hidden;
  width: 100%;
}
#banner a {
  /* img:hover{
			-webkit-animation:bbb 2s infinite;
			-moz-animation:bbb 2s infinite;
			-ms-animation:bbb 2s infinite;
			-o-animation:bbb 2s infinite;
			
		} */
}
#banner a img {
  width: 100%;
  max-height: 100%;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition: all 0.2s ease-in 0s;
          transition: all 0.2s ease-in 0s;
}
#banner a img:hover {
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  opacity: 0.85;
  -webkit-transition: 1s;
          transition: 1s;
  -ms-transform: scale(1.05);
      transform: scale(1.05);
  -webkit-transform: scale(1.05);
}
@-webkit-keyframes bbb {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@keyframes bbb {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
#footer {
  min-height: 226px;
  width: 100%;
  float: left;
}
#footer .footer_top {
  min-height: 155px;
  background: #bc0a2f;
  padding-top: 24px;
}
#footer .footer_top ul li {
  font: 12px/20px ' ';
  color: #fff;
}
#footer .footer_top .img_box img {
  width: 100px;
  height: 100px;
  display: block;
  margin: 0 auto;
}
#footer .footer_bottom {
  height: 72px;
  background: #313131;
  text-align: center;
  color: #fff;
  font: 12px/72px ' ';
}
@media (max-width: 769px) {
  #footer .footer_top .img_box img {
    display: none;
  }
}
.navbar-nav {
  -webkit-animation: nav-left 1s;
  animation: nav-left 1s;
}
@-webkit-keyframes nav-left {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50px, 0px);
            transform: translate(-50px, 0px);
  }
}
@keyframes nav-left {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50px, 0px);
            transform: translate(-50px, 0px);
  }
}
